<template>
    <el-row class="index-row">
        <div class="index-bg"></div>
        <el-col :span="24" class="index-header">
            <el-col :span="4" style="float:right;">
                <div class="index-nav">
                    <router-link :to="{ path: '/admin/'}">
                        Enter BackEnd
                    </router-link>
                </div>
            </el-col>
        </el-col>
    </el-row>
</template>

<style lang="css" rel="stylesheet/css">
    .index-row, #app{
        height:100%;
    }
    .index-bg {
        background-image:url(http://spider-img.nightc.com/site/20161119bg.jpg);
        z-index:-1;
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
    }
    .index-nav {
        display:block;
        height:80px;
        font-size:14px;
    }
    .index-nav a {
        height:44px;
        line-height:44px;
        margin-top:18px;
        padding:0 10px;
        border-radius:4px;
        float:left;
        width:auto;
        background-color:rgba(0,0,0,0.2);
        font-size:16px;
        color:#FFF;
    }
    .index-nav a:hover {
        color:#F7BA2A;
    }
</style>

<script type="text/babel">
    export default{
        data(){
            return {}
        }
    }
</script>
